<!--<template>-->
<!--  <el-descriptions :column="3"  title="User Info" >-->
<!--    <el-descriptions-item width="200" label="作者">kooriookami</el-descriptions-item>-->
<!--    <el-descriptions-item width="170" label="标题">18100000000</el-descriptions-item>-->
<!--    <el-descriptions-item label="类别"  >-->
<!--      <el-tag size="small">{{page.data.title}}</el-tag></el-descriptions-item>-->
<!--    <el-descriptions-item label="标签"  >{{page.data.title}}</el-descriptions-item>-->
<!--    <el-descriptions-item label="描述">123</el-descriptions-item>-->
<!--  </el-descriptions>-->
<!--</template>-->
<template>
  <el-image style="width: 100px; height: 100px" :src="url" :fit="fit" />
  <el-descriptions title="User Info">
    <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
    <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
    <el-descriptions-item label="Place">Suzhou</el-descriptions-item>
    <el-descriptions-item label="Remarks">
      <el-tag size="small">School</el-tag>
    </el-descriptions-item>
    <el-descriptions-item label="Address"
    >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu
      Province</el-descriptions-item
    >
  </el-descriptions>
</template>
<script>
const fits = ['cover']
const url =
    'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
import { reactive, onMounted, getCurrentInstance } from "vue";
let page = reactive({
  code:0,
  message:"",
  data:""
});
export default {
  setup() {
    const currentInstance = getCurrentInstance();
    const { $axios } = currentInstance.appContext.config.globalProperties;
    const getData = async () => {
      const response = await $axios({ url: "/search/searchDo" ,method: "post"});
      page.data = response.data;
      console.log("data", page);
      console.log("data1", page.data);
    };
    onMounted(() => {
      getData()
    });

    return { page };
  },
};
</script>

<style scoped>
</style>
